@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	height:100%;
	background-color:#00c267;
}

.frow{
	@include flexbox;
}
.btns{
    text-align:center;
    padding:0 0 1rem;
    .joinbox,.soon-use{
    	@include flex-grow(1);
    }


	button{
		text-align:center;
	    background-color:#fff;
	    border:1.5px solid #00c267;
	    height:3.6rem;
	    @include border-radius();
	    font-size:$fs15;
	    color:#00c267;
	    width:90%;
	    &.disabled{
	    	border:1.5px solid #d1d1d1;
	    	color:#999;
	    }
	}
    .soon-use{
	    button{
	    	text-align:center;
	    }
    }
	.block-btn{
		button{
			width:100%;
		}
	}
}
.message{
	color:#999;
	font-size:$fs11;
	text-align:center;
	padding:1.4rem 0 3rem;
}


.receive{
	
	.voucher{
		background-color:#fff;
		margin: 2rem 1.4rem 0;
		@include border-radius(0.5rem);
		.carriers{
			text-align:center;
			padding:3rem 0 2rem;
			.avatar{
				@include circle-radius(7.5rem);
				background-color:#d1d1d1;
				margin: 0 auto 1.5rem;
				
			}
			.operator{
				font-size:$fs15;
				color:#666;
			}
			.title{
				font-size:$fs19;
				color:#333;
			    padding-top: 1.6rem;
			}
			.valid-time{
				font-size:$fs11;
				color:#999;
				padding:2rem 0 4.8rem;
			}
			.collect{
				text-align:center;				
				
				margin:0 auto 3.6rem;
				button{
					font-size:$fs18;
					color:#00c267;
					@include border-radius();
					border:1.5px solid #00c267;
					background-color:transparent;
					padding: 1rem 0;
					width: 62%;
					&.disabled{
						border:1.5px solid #d1d1d1;
						color:#999;
					}
				}
			}
			.link{
				font-size:$fs12;
				color:#666;
			}
		}
		.ticket{
			@include flexbox;			
			width:27.3rem;
			height:9.5rem;
			background:url(/images/coupon/receive-bg.png?v=123) no-repeat center center;
			background-size:100%;
			margin:0 auto 5rem;
			.info,.price-box{
				@include align-self(center);
			}
			.info{
				@include flex-grow(1);
				padding-left:1rem;				
				.title{
					font-size:$fs15;
					color:#333333;
				}
				.valid-time{
					font-size:$fs10;
					color:#999;
				}
			}
			.price-box{
				.price{
					text-align:center;
					width:9rem;
					font-size:2.3rem;
					color:#fc7700;
					em{
						font-size:$fs16;
					}
				}
			}
		}
		.collect{
			text-align:center;

			width:100%;
			margin:0 auto;
			button{
				font-size:$fs15;
				color:#00c267;
				border:1.5px solid transparent;
				background-color:transparent;
				padding:0.9rem 0;
				&.disabled{
					color:#bfbfbf;
					border:1.5px solid #bfbfbf;
				}
			}
		}
	}
}
@import "../common/scss/layer";